<!-- 页面 -->
<template>
    <div>
        <van-nav-bar title="仿真模考" left-arrow @click-left="add()">
            <template #right>
                <van-icon name="search" size="18" />
            </template>
        </van-nav-bar>
        <van-dropdown-menu>
            <van-dropdown-item title="考试类型" ref="item">
                <van-cell center title="全部" style="text-align: center; font-size: 20px;" />
                <van-cell center title="模拟考试" style="text-align: center; font-size: 20px;" />
                <van-cell center title="正式考试" style="text-align: center; font-size: 20px;" />
            </van-dropdown-item>
            <van-dropdown-item title="考试状态" ref="item">
                <van-cell center title="全部" style="text-align: center; font-size: 20px;" />
                <van-cell center title="未开始" style="text-align: center; font-size: 20px;" />
                <van-cell center title="进行中" style="text-align: center; font-size: 20px;" />
                <van-cell center title="已结束" style="text-align: center; font-size: 20px;" />
            </van-dropdown-item>
            <van-dropdown-item title="参考状态" ref="item">
                <van-cell center title="全部" style="text-align: center; font-size: 20px;" />
                <van-cell center title="已做" style="text-align: center; font-size: 20px;" />
                <van-cell center title="未做" style="text-align: center; font-size: 20px;" />
            </van-dropdown-item>
        </van-dropdown-menu>

        <van-card v-for="(item, index) in list" :key="index" >
            <template #tags>
                <div>
                    <p style="font-size: 20px;">《模拟考试》{{ item.name}}</p>
                    <p><span style="color: red;">模拟考试</span> 考试时长:{{ item.limit_time }} </p>
                    <p>考试时长:{{ item.limit_time }} 通过分数:{{ item.pass_score }}</p>
                    <p>考试次数:{{ item.question_num }} 共{{ item.question_num }}道题</p>
                </div>
            </template>
            <template #footer>
                <van-button round plain type="info">查看详情</van-button>
            </template>
        </van-card>

    </div>
</template>
<!-- vue -->
<script>
export default {
    data() {
        return {
            // 声明的属性
            list: [],
        }
    },
    //生命周期函数
    mounted() {
        this.$axios.get('http://xl.9yuecloud.com/api/exam/packageSimulation?page=1&limit=10&exam_type=0&start_status=0&done_status=0&').then(res => {
            this.list = res.data.data.list
            console.log(res.data.data.list);
        })
    },
    // 调用方法
    methods: {
        add() {
            this.$router.push('/lian')
        }
    },
    // 监听器
    watch: {
    },
    // 计算属性
    computed: {
    },
    // 过滤器
    filters: {
    },
    // 自定义指令
    directives: {
    }
}
</script>
<!-- css样式 -->
<style></style>